<div class="container-fluid store-setting">
  <form class="">
    <fieldset>
      <legend>1.门店基础信息</legend>
      <div class="form-group row">
        <label class="col-md-2 col-form-label"><span class="require-tips">*</span>账号绑定手机号</label>
        <div class="col-md-5">
          15334456789
        </div>
      </div>
      <div class="form-group row">
        <label class="col-md-2 col-form-label"><span class="require-tips">*</span>门店名称</label>
        <div class="col-md-5">
          <input type="text" class="form-control">
        </div>
      </div>
      <div class="form-group row">
        <label class="col-md-2 col-form-label"><span class="require-tips">*</span>联系电话</label>
        <div class="col-md-5">
          <input type="text" class="form-control">
        </div>
      </div>
      <div class="form-group row">
        <label class="col-md-2 col-form-label"><span class="require-tips">*</span>营业时间</label>
        <div class="col-md-5">
          <div class="ui-radio" [class.ui-radioed]="1"><i
            class="iconfont icon-iconfontradiobox"></i><span>24小时</span>
            <input type="radio" name="time_limit">
          </div>
          <div class="ui-radio" [class.ui-radioed]="0"><i
            class="iconfont icon-iconfontradiobox"></i><span>自定义</span>
            <input type="radio" name="time_limit">
          </div>
          <input type="text" class="form-control" *ngIf="0">
        </div>
      </div>
      <div class="form-group row">
        <label class="col-md-2 col-form-label"><span class="require-tips">*</span>城市</label>
        <div class="col-md-5 form-inline">
          <select class="form-control" [(ngModel)]="province" name="province">
            <option value="0">省</option>
            <option value="浙江省">浙江省</option>
          </select>
          <select class="form-control" [(ngModel)]="city" name="city">
            <option value="0">市</option>
            <option value="宁波市">宁波市</option>
          </select>
          <select class="form-control" [(ngModel)]="county" name="county">
            <option value="0">区</option>
            <option value="鄞州区">鄞州区</option>
          </select>
        </div>
      </div>
      <div class="form-group row">
        <label class="col-md-2 col-form-label"><span class="require-tips">*</span>详细地址</label>
        <div class="col-md-4">
          <input type="text" class="form-control" placeholder="详细至门牌号，请与营业执照地址一致" [(ngModel)]="address" name="address">
        </div>
        <div class="colmd-1 form-inline">
          <!--<button class="btn btn-success" type="button" (click)="mapSearch()">搜索</button>-->
        </div>
      </div>

      <div class="form-group row">
        <label class="col-md-2 col-form-label"><span class="require-tips">*</span>详细地址</label>
        <div class="col-md-5" style="height: 300px;">
          <!--<aqm-map #map [options]="options" (ready)="onReady($event)" style="height: 300px;"></aqm-map>-->
          <!--<baidu-map ak="9tkmSQLYK8oxueLaGSt694SjPeYL6MFq" [options]="opts"></baidu-map>-->
        </div>
      </div>

      <div class="form-group row">
        <label class="col-md-2 col-form-label"><span class="require-tips">*</span>门脸照片</label>
        <div class="col-md-5">
          <div class="photo-box">
            <!--<img src="{{item.ProductPic}}" alt="tu" class="img-rounded" *ngIf="item.ProductPic">-->
            <div class="photo-file" [class.opacity-0]="0">
              +
              <input class="ui-file-input" type="file" required>
            </div>
          </div>
          <div class="store-photo-tips">亲，一张真实美观的门脸照可以提升门店形象哦！</div>
        </div>
      </div>
      <div class="form-group row">
        <label class="col-md-2 col-form-label"><span class="require-tips">*</span>店内照片</label>
        <div class="col-md-5">
          <div class="photo-box">
            <!--<img src="{{item.ProductPic}}" alt="tu" class="img-rounded" *ngIf="item.ProductPic">-->
            <div class="photo-file" [class.opacity-0]="0">
              +
              <input class="ui-file-input" type="file" required>
            </div>
          </div>
          <div class="store-photo-tips">亲，简介干净的店内照片可以让用户放心点单哦！</div>
        </div>
      </div>
      <div class="form-group row">
        <label class="col-md-2 col-form-label"><span class="require-tips"> </span>门店LOGO</label>
        <div class="col-md-5">
          <div class="photo-box">
            <!--<img src="{{item.ProductPic}}" alt="tu" class="img-rounded" *ngIf="item.ProductPic">-->
            <div class="photo-file" [class.opacity-0]="0">
              +
              <input class="ui-file-input" type="file" required>
            </div>
          </div>
        </div>
      </div>
    </fieldset>
    <fieldset>
      <legend>2.展示橱窗</legend>
      <div class="form-group row">
        <label class="col-md-2 col-form-label"><span class="require-tips"> </span>橱窗001</label>
        <div class="col-md-3">
          <input type="text" class="form-control" placeholder="请为橱窗命名">
        </div>
        <div class="col-md-2">
          <label>
            <input type="checkbox">
            勾选显示<br>
            橱窗内容
          </label>
        </div>
      </div>
      <!-- 备份 -->
      <!--<div class="form-group row">
        <label class="col-md-3 col-form-label"></label>
        <div class="col-md-5">
          <span class="help-block">橱窗位置为4个坑位，可添加商品或门店其它图片</span>
          <div class="intr-info">
            <div class="intr-show">
              <div class="img-box" *ngFor="let item of cardAdvancedInfo.text_image_list,index as i">
                <div class="show-img">
                  <img src="{{item.img_url}}">
                </div>
                <div class="already-show-tips already-show-show">
                  <span class="iconfont icon-moreunfold" (click)="upTextImage(i)">上移</span>
                  <span class="iconfont icon-less" (click)="downTextImage(i)">下移</span>
                  <span class="iconfont icon-delete" (click)="cardAdvancedInfo.text_image_list.splice(i,1)">删除</span>
                </div>
                <div class="img-describe">{{item.text}}</div>
              </div>
            </div>
            <div class="intr-show">
              <div class="img-box">
                <div class="file-box">
                  <div class="default-img">
                    <input type="file" class="file intrFile"
                           >
                  </div>
                </div>
                <div class="show-img"><img>
                </div>
              </div>
              <div class="textarea-box">
              <input placeholder="请输入图片名称" class="intrTextarea"
                        name="edit_text" >
              </div>
              <div class="btn-block">
                <button type="button" class="btn btn-success"
                       >确定
                </button>
                <a class="btn btn-default">取消</a>
              </div>
            </div>
            <div class="default-add" >
              <div class="default-add-info">
                +
              </div>
            </div>
          </div>
        </div>
      </div>-->

      <div class="form-group row">
        <label class="col-md-2 col-form-label"><span class="require-tips"> </span></label>
        <div class="col-md-5">
          <span class="help-block">橱窗位置为<span class="c-red">4</span>个坑位，可添加商品或门店其它图片</span>
          <div class="col-sm-6">
            <div class="photo-box-input">
              <input type="text" class="form-control" placeholder="请输入图片名称">
            </div>
            <div class="photo-box">
              <!--<img src="{{item.ProductPic}}" alt="tu" class="img-rounded" *ngIf="item.ProductPic">-->
              <div class="photo-file" [class.opacity-0]="0">
                +
                <input class="ui-file-input" type="file" required>
              </div>
            </div>
          </div>
          <div class="col-sm-6">
            <div class="photo-box-input">
              <input type="text" class="form-control" placeholder="请输入图片名称">
            </div>
            <div class="photo-box">
              <!--<img src="{{item.ProductPic}}" alt="tu" class="img-rounded" *ngIf="item.ProductPic">-->
              <div class="photo-file" [class.opacity-0]="0">
                +
                <input class="ui-file-input" type="file" required>
              </div>
            </div>
          </div>
          <div class="col-sm-6">
            <div class="photo-box-input">
              <input type="text" class="form-control" placeholder="请输入图片名称">
            </div>
            <div class="photo-box">
              <!--<img src="{{item.ProductPic}}" alt="tu" class="img-rounded" *ngIf="item.ProductPic">-->
              <div class="photo-file" [class.opacity-0]="0">
                +
                <input class="ui-file-input" type="file" required>
              </div>
            </div>
          </div>
          <div class="col-sm-6">
            <div class="photo-box-input">
              <input type="text" class="form-control" placeholder="请输入图片名称">
            </div>
            <div class="photo-box">
              <!--<img src="{{item.ProductPic}}" alt="tu" class="img-rounded" *ngIf="item.ProductPic">-->
              <div class="photo-file" [class.opacity-0]="0">
                +
                <input class="ui-file-input" type="file" required>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="form-group row">
        <label class="col-md-2 col-form-label"><span class="require-tips"> </span>橱窗002</label>
        <div class="col-md-3">
          <input type="text" class="form-control" placeholder="请为橱窗命名">
        </div>
        <div class="col-md-2">
          <label>
            <input type="checkbox">
            勾选显示<br>
            橱窗内容
          </label>
        </div>
      </div>

      <div class="form-group row">
        <label class="col-md-2 col-form-label"><span class="require-tips"> </span></label>
        <div class="col-md-5">
          <span class="help-block">橱窗位置为<span class="c-red">6</span>个坑位，可添加商品或门店其它图片</span>
          <div class="col-sm-6">
            <div class="photo-box-input">
              <input type="text" class="form-control" placeholder="请输入图片名称">
            </div>
            <div class="photo-box">
              <!--<img src="{{item.ProductPic}}" alt="tu" class="img-rounded" *ngIf="item.ProductPic">-->
              <div class="photo-file" [class.opacity-0]="0">
                +
                <input class="ui-file-input" type="file" required>
              </div>
            </div>
          </div>
        </div>
      </div>
    </fieldset>

    <div class="text-center mt20">
      <button type="submit" class="btn btn-success btn-md-long">保　存</button>
      <button type="submit" class="btn">保存，前往添加商品</button>
    </div>
  </form>
</div>


<div class="store-photo col-lg-push-8 hidden-xs hidden-sm hidden-md">
  <div class="release-phone-container">
    <img alt="" src="../../../assets/images/release-phone-demo.jpg">
  </div>
  <div class="text-center">
    <h4>佳品之源花店</h4>
    <button class="btn btn-success btn-md-long">预览</button>
  </div>
</div>
